<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<style type="text/css">
			* {margin: 0;padding: 0;}
			li {list-style: none;}
			a {text-decoration: none;}
			input{/*input去掉选中后的蓝色外框线*/outline: none;}
			html,body{font-size: calc(100vw/7.5);}
			 @font-face {
				  font-family: 'iconfont';
				  src: url('font/iconfont.eot');
				  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
				      url('font/iconfont.woff2') format('woff2'),
				      url('font/iconfont.woff') format('woff'),
				      url('font/iconfont.ttf') format('truetype'),
				      url('font/iconfont.svg#iconfont') format('svg');
				}
				.iconfont {
				  font-family: "iconfont" !important;
				  font-size: 0.48rem;
				  font-style: normal;
				  -webkit-font-smoothing: antialiased;
				  -moz-osx-font-smoothing: grayscale;
				}
				.title{width:7.5rem;height:0.89rem;background: #387ec2;border-bottom: 0.01rem solid #b1b1b1;text-align: center;line-height: 0.89rem;color: white;font-size:0.32rem;}
		        .same{width:100%;height:0.69rem;background:#f2f2f2;}
		        .people{width:100%;height:1.58rem;border-bottom: 0.01rem solid #c8c7cc;border-top: 0.01rem solid #c8c7cc;
		           display: flex;font-size:0.3rem;align-items: center;color:#929292;}
		        .people img{width: 1.27rem;height:1.27rem;margin-left:0.4rem;margin-right:0.2rem;}
		        .people div p:first-child{color:#474747;font-size:0.3rem;}
		        .people div p:last-child{font-size:0.27rem;}
		        .people .a{margin-left: 2.53rem;}
		        .menu1{width:100%;height:1.89rem;border-bottom: 0.01rem solid #c8c7cc;border-top: 0.01rem solid #c8c7cc;}
		        .menu1 ul{padding-left:0.3rem;font-size:0.3rem;color:#474747;}
		        .menu1 ul li:first-child{border-bottom:0.01rem solid #c8c7cc;}
		        .menu1 ul li{display:flex;align-items: center;height:0.945rem;}
		        .menu1 ul li img{width:0.4rem;height:0.4rem;margin-right:0.23rem;}
		        .menu1 ul li div{margin-left: 4.62rem;color:#929292;}
		        .menu2{width:100%;height:0.945rem;border-bottom: 0.01rem solid #c8c7cc;border-top: 0.01rem solid #c8c7cc;}
		        .menu2 ul{padding-left:0.3rem;font-size:0.3rem;color:#474747;}
		        .menu2 ul li{display:flex;align-items: center;height:0.945rem;}
		        .menu2 ul li img{width:0.4rem;height:0.4rem;margin-right:0.23rem;}
		        .menu2 ul li div{margin-left: 5.2rem;color:#929292;}
		        .same2{width:100%;height:2.86rem;background:#f2f2f2;}
		        .foot{width:100%;height:1.1rem;border-top:0.01rem solid #b2b2b2;position: fixed;bottom:0;background: linear-gradient(to bottom right,#e7e3dd,#f9f9f9);}
				.foot span{display: block;}
				.foot ul{display: flex;justify-content: space-between;}
				.foot ul li{text-align: center;width:25%;}
				.foot ul li span{margin-bottom:0.02rem;margin-top:0.14rem;}
				.foot a{font-size:0.19rem;color:#929292;}
				.foot ul li:last-child a{color:#387ec2;}
				.foot a:hover{color:#387ec2;}
		</style>
	</head>
	<body>
		<div class="title">我的</div>
		<div class="same"></div>
		<div class="people">
			<img src="img/个人中心_03.jpg"/>
			<div class="">
				<p>碎碎</p><p>查看或编辑个人信息</p>
			</div>
			<div class="a"><</div>		
		</div>
		<div class="same"></div>
		<div class="menu1">
			<ul>
				<li>
					<img src="img/个人中心_06.jpg"/>
			        <p>我的圈子</p>
			        <div class="a"><</div>		
				</li>
				<li>
					<img src="img/个人中心_09.jpg"/>
			        <p>我的订单</p>
			        <div class="a"><</div>		
				</li>
			</ul>
		</div>
		<div class="same"></div>
		<div class="menu1">
			<ul>
				<li>
					<img src="img/个人中心_11.jpg"/>
			        <p>客服在线</p>
			        <div class="a"><</div>		
				</li>
				<li>
					<img src="img/个人中心_13.jpg"/>
			        <p>意见反馈</p>
			        <div class="a"><</div>		
				</li>
			</ul>
		</div>
		<div class="same"></div>
		<div class="menu2">
			<ul>
				<li>
					<img src="img/个人中心_15.jpg"/>
			        <p>设置</p>
			        <div class="a"><</div>		
				</li>
			</ul>
		</div>
		<div class="same2"></div>
		<div class="foot">
				<ul>
					<li><a href="">
						<span class="iconfont">&#xe633;</span>
						<p>首页</p>
					    </a></li>
					    
					<li><a href="">
						<span class="iconfont">&#xe664;</span>
						<p>报名</p>
					    </a></li>
					<li><a href="">
						<span class="iconfont">&#xe6d3;</span>
						<p>驾考圈</p>
					    </a></li>
					<li><a href="">
						<span class="iconfont">&#xe61f;</span>
						<p>我的</p>
					    </a></li>
				</ul>
			</div>
	</body>
</html>
